<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./elementui/vue.min.js"></script>
    <link rel="stylesheet" href="./elementui/index.css">
    <script src="./elementui/index.js"></script>
    <!--    <script src="./node_modules/downloadjs/download.min.js"></script>-->

</head>
<body>
<div id="example-1">


   <!-- <el-checkbox-group v-model="checkboxGroup1">
        <el-checkbox-button v-for="item in resultList" :label="item.value" :key="item.value">{{item.label}}</el-checkbox-button>
    </el-checkbox-group>-->


    <!-- <div style="margin-top:5px;">
         <el-checkbox-group size="medium">
             <el-checkbox-button v-for="signtype in resultList"
                                 :label="signtype.value" :key="signtype.value">
                 {{signtype.label}}:{{signtype}}
             </el-checkbox-button>
         </el-checkbox-group>
     </div>-->

    <el-checkbox-group size="medium" v-model="checkboxGroup1" @change="handleCheckAllChange">
        <el-checkbox-button v-for="signtype in resultList"
                            :label="signtype.value" :key="signtype.value">
            {{signtype.label}}
        </el-checkbox-button>
    </el-checkbox-group>


</div>

<script type="module">
    var example1 = new Vue({
        el: '#example-1',
        data() {
            return {
                checkboxGroup1: '',
                resultList: [
                    {
                        "dictionarykey": "proposal_LeaderInstructions",
                        "sortid": 1,
                        "label": "国家领导批示",
                        "ismultiselect": 0,
                        "id": "5F7oFXmXzv9VvdD2kbY8NluQ",
                        "value": "100"
                    },
                    {
                        "dictionarykey": "proposal_LeaderInstructions",
                        "sortid": 2,
                        "label": "省级领导批示",
                        "ismultiselect": 0,
                        "id": "6W2CEepBPktRmxI2k2Qo6C3c",
                        "value": "200"
                    }
                ]
            }
        },
        methods: {
            handleCheckAllChange(){

            }
        }
    })
</script>
</body>
</html>
